{include file="common/head"/}
<div class="admin-main layui-anim layui-anim-upbit">
    <fieldset class="layui-elem-field layui-field-title">
        <legend>创建工单</legend>
    </fieldset>
    <form class="layui-form layui-form-pane" lay-filter="form">
        <div class="layui-form-item">
            <label class="layui-form-label">故障类型</label>
            <div class="layui-input-4">
                <select name="fault_id" lay-verify="required" id="fault">
                    <option value="">请选择故障类型</option>

                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">工单类型</label>
            <div class="layui-input-4">
                <select name="type_id" lay-verify="required" id="type">
                    <option value="">请选择工单类型</option>

                    <option value=""></option>

                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">标题</label>
            <div class="layui-input-4">
                <input type="text" name="title" lay-verify="required" placeholder="{:lang('pleaseEnter')}标题" class="layui-input">
            </div>
            <div class="layui-form-mid layui-word-aux">
                标题在4到25个字符之间。
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">描述</label>
            <div class="layui-input-4">
                <textarea name="desc" placeholder="请输入内容" lay-verify="required" class="layui-textarea"></textarea>
            </div>
            <div class="layui-form-mid layui-word-aux">
                不超过250个汉字。
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">附件</label>
            <input type="hidden" name="attach" id="avatar">
            <div class="layui-input-block">
                <div class="layui-upload">
                    <button type="button" class="layui-btn layui-btn-primary" id="adBtn"><i class="icon icon-upload3"></i>点击上传</button>
                    <div class="layui-upload-list">
                        <span id="upfile"></span>
                        <p id="demoText"></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">地址</label>
            <div class="layui-input-4">
                <input type="text" name="address" lay-verify="required" placeholder="{:lang('pleaseEnter')}地址" class="layui-input">
            </div>
            <div class="layui-form-mid layui-word-aux">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">{:lang('tel')}</label>
            <div class="layui-input-4">
                <input type="text" name="tel" lay-verify="phone" value="" placeholder="{:lang('pleaseEnter')}手机号" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">联系人</label>
            <div class="layui-input-4">
                <input type="text" name="name" lay-verify="required" value="" placeholder="{:lang('pleaseEnter')}联系人" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <!--<input type="hidden" name="admin_id">-->
                <button type="button" class="layui-btn" lay-submit="" lay-filter="submit">{:lang('submit')}</button>
                <a href="{:url('workListUI')}" class="layui-btn layui-btn-primary">{:lang('back')}</a>
            </div>
        </div>
    </form>
</div>
{include file="common/foot"/}
<script src="/public/static/common/js/jquery.2.1.1.min.js"></script>
<script>


    $.post('{:url("Fault/queryPage")}',function (data) {

        $('#fault').append(optree(data));

        $.post('{:url("typeList")}',function (dl) {

            $.each(dl,function (k,v) {
                $('#type').append('<option value="'+v.id+'">'+v.type_name+'</option>');
            });

            handle()

        });
    });
    
    



    function handle(){
        layui.use(['form', 'layer','upload'], function () {
            var form = layui.form, layer = layui.layer,$= layui.jquery,upload = layui.upload;
            var info = '';
            form.val("form", info);
            if(info){
                $('#adPic').attr('src',info.avatar);
            }
            form.render();
            form.on('submit(submit)', function (data) {
                loading =layer.load(1, {shade: [0.1,'#fff']});

                delete data.field.file;

                $.post('{:url("add")}', data.field, function (res) {
                    layer.close(loading);
                    if (res.code > 0) {
                        layer.msg(res.msg, {time: 1800, icon: 1}, function () {
                            location.href = location.href;
                        });
                    } else {
                        layer.msg(res.msg, {time: 1800, icon: 2});
                    }
                });
            });
            //普通图片上传
            var uploadInst = upload.render({
                elem: '#adBtn'
                ,url: '{:url("UpFiles/allFile")}'
                ,before: function(obj){
                    //预读本地文件示例，不支持ie8
                    obj.preview(function(index, file, result){
                        $('#upfile').text(file.name);
                    });

                },
                done: function(res){
                    if(res.code>0){
                        $('#avatar').val(res.url);
                    }else{
                        //如果上传失败
                        return layer.msg('上传失败');
                    }
                }
                ,error: function(){
                    //演示失败状态，并实现重传
                    var demoText = $('#demoText');
                    demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-mini demo-reload">重试</a>');
                    demoText.find('.demo-reload').on('click', function(){
                        uploadInst.upload();
                    });
                }
            });
        });
    }

    function optree(d,id) {
        var strop = '';
        var spa = '';
        for(var i=0;i<d.length;i++){
            strop += ' <option '+(d[i].id==id?"selected":"")+' value="'+d[i].id+'">'+d[i].title+'</option>';
            if(d[i].children.length<=0){
            }else{
                (function(args){
                    for(var j=0;j<args.length;j++){
                        spa = '';
                        for(var s=0;s<=args[j].level;s++){
                            spa += '&nbsp;';
                        }
                        if(j==args.length-1){
                            strop += ' <option '+(args[j].id==id?"selected":"")+' value="'+args[j].id+'">'+spa+'└─ '+args[j].title+'</option>';
                        }else{
                            strop += ' <option '+(args[j].id==id?"selected":"")+' value="'+args[j].id+'">'+spa+'├─ '+args[j].title+'</option>';
                        }

                        if(args[j].children.length <= 0){
                        }else{
                            arguments.callee(args[j].children);
                        }
                    }
                })(d[i].children)
            }
        }

        return strop;
    }
</script>